<template>
  <!-- 搭配异步组件 -->
  <suspense>
    <el-config-provider :locale="getElpLocale">
      <AppProvider>
        <router-view></router-view>
      </AppProvider>
    </el-config-provider>
  </suspense>
  <!-- <HelloWorld msg="Hello Vue 3.0 + Element Plus + Vite" /> -->
</template>

<script setup lang="ts">
import { AppProvider } from '@/components/Application'
import { useLocale } from '@/locales/useLocale'
import { ElConfigProvider } from 'element-plus'


// import HelloWorld from "./components/HelloWorld.vue";

const { getElpLocale } = useLocale()


console.log(getElpLocale.value)

</script>
<style lang="scss">
#app {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
</style>
